<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" href="iconfont.css"><style>h1 {
  color: #1e89e0;    
}

.svgblock {
  width: 120px;
  display: inline-block;
  margin: 10px;
  padding: 10px 0;
  font-size: 3em;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  vertical-align: top;
}

i {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

p {
  font-size: 13px;
  color: #1e89e0;  
}

p.classname {
  color: #666;
  height: 39px;
}

</style></head><body><div class="container header"><h1>eleme
 <small>font demo</small></h1></div><div id="icons" class="container"><div class="svgblock"><i class="d-icon-arrow-down"></i><p class="classname">d-icon-arrow-down</p><p>0xE901</p></div><div class="svgblock"><i class="d-icon-arrow-left"></i><p class="classname">d-icon-arrow-left</p><p>0xE902</p></div><div class="svgblock"><i class="d-icon-arrow-right"></i><p class="classname">d-icon-arrow-right</p><p>0xE903</p></div><div class="svgblock"><i class="d-icon-arrow-up"></i><p class="classname">d-icon-arrow-up</p><p>0xE904</p></div><div class="svgblock"><i class="d-icon-error"></i><p class="classname">d-icon-error</p><p>0xE905</p></div><div class="svgblock"><i class="d-icon-info"></i><p class="classname">d-icon-info</p><p>0xE906</p></div><div class="svgblock"><i class="d-icon-success"></i><p class="classname">d-icon-success</p><p>0xE907</p></div><div class="svgblock"><i class="d-icon-warning"></i><p class="classname">d-icon-warning</p><p>0xE908</p></div><div class="svgblock"><i class="d-icon-close-circle"></i><p class="classname">d-icon-close-circle</p><p>0xE909</p></div><div class="svgblock"><i class="d-icon-close"></i><p class="classname">d-icon-close</p><p>0xE90A</p></div><div class="svgblock"><i class="d-icon-confirm-circle"></i><p class="classname">d-icon-confirm-circle</p><p>0xE90B</p></div><div class="svgblock"><i class="d-icon-date-trigger"></i><p class="classname">d-icon-date-trigger</p><p>0xE90C</p></div><div class="svgblock"><i class="d-icon-last"></i><p class="classname">d-icon-last</p><p>0xE90D</p></div><div class="svgblock"><i class="d-icon-first"></i><p class="classname">d-icon-first</p><p>0xE90E</p></div></div></body></html>